বুটস্ট্রাপে গ্লোবাল ফন্ট-সাইজ হলো ১৪ পিক্সেল, এবং লাইন-উচ্চতা হলো ১.৪২৮।
এটি < body >
এবং সকল প্যারাগ্রাফ এলিমেন্টের জন্য প্রযোজ্য।
সকল < p >
এলিমেন্টের নিচে মার্জিন আছে যা তার লাইন-উচ্চতার অর্ধেক। (ডিফল্ট হচ্ছে ১০ পিক্সেল)।
এই অধ্যায়ে, আমরা এইচটিএমএল এলিমেন্টের দিকে তাকালে দেখতে পাবো যে ব্রাউজারের ডিফল্ট স্টাইলের চেয়ে বুটস্ট্রাপের ডিফল্ট স্টাইলে কিছুটা ভিন্নতা রয়েছে।
< h1 >
- < h6 >
বুটস্ট্রাপ এইচটিএমএল হেডিং এলিমেন্টগুলোকে (< h1 >
থেকে < h6 >
) নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=776
< small >
বুটস্ট্রাপে এইচটিএমএল < small >
এলিমেন্ট যেকোনো হেডিং এ একটি লাইটার, সেকেন্ডারি টেক্সট তৈরি করেঃ
kt_satt_skill_example_id=777
< mark >
বুটস্ট্রাপ এইচটিএমএল < mark >
এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=778
< abbr >
বুটস্ট্রাপ এইচটিএমএল < abbr >
এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=779
< blockquote >
বুটস্ট্রাপ এইচটিএমএল < blockquote >
এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=780
কোটেশনকে ডানদিকে দেখানোর জন্য .blockquote-reverse
ক্লাস ব্যবহার করুনঃ
kt_satt_skill_example_id=782
< dl >
বুটস্ট্রাপ এইচটিএমএল < dl >
এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=784
< code >
বুটস্ট্রাপ এইচটিএমএল < code >
এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=786
< kbd >
বুটস্ট্রাপ এইচটিএমএল < kbd >
এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=789
< pre >
বুটস্ট্রাপ এইচটিএমএল < pre >
এলিমেন্টকে নিম্নলিখিত স্টাইলে প্রদর্শন করবেঃ
kt_satt_skill_example_id=791
বুটস্ট্রাপের কিছু কনটেকচুয়াল ক্লাস আছে যারা "অর্থবহ কালার" নির্ধারন করে।
টেক্সট কালারের জন্য ক্লাসগুলো হচ্ছেঃ .text-muted
, .text-primary
, .text-success
, .text-info
, .text-warning
, এবং .text-danger
:
kt_satt_skill_example_id=793
ব্যাকগ্রাউন্ড কালারের ক্লাসগুলো হচ্ছেঃ .bg-primary
, .bg-success
, bg-info
, bg-warning
, এবং .bg-danger
:
kt_satt_skill_example_id=794
এইচটিএমএল এলিমেন্টকে স্টাইল করার জন্য নিম্নোক্ত বুটস্ট্রাপ ক্লাসগুলো ব্যবহার করা যায়ঃ
ক্লাস | বর্ণনা | উদাহরণ |
---|---|---|
.lead | একটি প্যারাগ্রাফকে লক্ষ্যনীয় করে তু্লে। | উদাহরণ দেখুন |
.small | ছোট টেক্সটকে নির্দেশ করে (প্যারেন্টের ৮৫% সাইজে সেট করে) | উদাহরণ দেখুন |
.text-left | টেক্সটকে বামে এ্যালাইন করে। | উদাহরণ দেখুন |
.text-center | টেক্সটকে মাঝখানে এ্যালাইন করে। | উদাহরণ দেখুন |
.text-right | টেক্সটকে ডানে এ্যালাইন করে। | উদাহরণ দেখুন |
.text-justify | টেক্সটকে justify করে। | উদাহরণ দেখুন |
.text-nowrap | টেক্সটে no wrap করে। | উদাহরণ দেখুন |
.text-lowercase | ছোট হাতের লেখাতে পরিনত করে। | উদাহরণ দেখুন |
.text-uppercase | বড় হাতের লেখাতে পরিনত করে। | উদাহরণ দেখুন |
.text-capitalize | লেখাকে capitalize করে। | উদাহরণ দেখুন |
.list-unstyled | ডিফল্ট লিস্ট-স্টাইল এবং বাম দিকের মার্জিন মুছে ফেলে( এবং উভয়ের ক্ষেত্রে কাজ করে )। এই ক্লাস শুধু নেস্টেড লিস্টের সবচেয়ে কাছাকাছি লিস্টে ব্যবহার হয় (এই ক্লাস যেকোনো নেস্টেড লিস্টের ডিফল্ট লিস্ট-স্টাইল মুছে দেয়)। | উদাহরণ দেখুন |
.list-inline | সকল লিস্ট আইটেমকে একটি একক লাইনে পরিনত করে ফেলে। | উদাহরণ দেখুন |
.dl-horizontal | একের পর এক লিস্টের বর্ণনা দেয়। | উদাহরণ দেখুন |
বেসিক বুটস্ট্রাপ টেবিলের মধ্যে হালকা প্যাডিং থাকে এবং টেবিলের সারিগুলোর মধ্যে অনুভুমিক ডিভাইডার থাকে।
বেসিক/সাধারণ বুটস্ট্রাপ টেবিল তৈরি করার জন্য < table >
এলিমেন্টের মধ্যে .table
অন্তর্ভুক্ত করুনঃ
kt_satt_skill_example_id=816
ক্লাস | বর্ণনা | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
.table | যেকোনো
|